<template>
  <div>
  <h1>APP</h1>
  <p>count:{{ count }}</p>
  <button @click="increment">累加</button>
  <button @click="decrement">累减</button>
  <button @click="incrementN({n:5})">累加N</button>
 

  </div>
 
</template>

<script>

import {mapState,mapMutations} from 'vuex'
export default {
name:"App",
mounted(){
  
},
computed:{
  ...mapState(["count","num"])
},
methods:{
//   increment(){
//     this.$store.commit("increment")
//   },
//   decrement() {
//       this.$store.commit("decrement");
//     },
//     incrementN(payload) {
//       this.$store.commit("incrementN", payload);
//     }
...mapMutations(["increment","decrement","incrementN"])
}

}
</script>

<style>

</style>